<template>
  <div id="view-userInfo">
    <div class="userInfo-wrapper">
      <head-page />
      <content-page />
      <div class="foot"></div>
    </div>
  </div>
</template>

<script>
import head from './pages/head.vue'
import content from './pages/content.vue'
export default {
  name: 'view-userInfo',
  components: {
    [head.name]: head,
    [content.name]: content
  }
}
</script>

<style lang="scss" scoped>
#view-userInfo {
  height: 100vh;
  overflow: scroll;

  .userInfo-wrapper {
    width: 80%;
    margin: 0 auto;
    height: 100%;
  }
  #view-head-page {
    height: 20%;
  }
  #view-content-page {
    height: auto;
  }
}
</style>
